<template>
	<view>
		<view class="titleBox">
			<view class="titleLeft">
				<img src="../../static/title/back.png" class="titleBack" @click="goBack">
			</view>
			<view class="titleText">
				<text>余额</text>
			</view>
			<view class="titleRight">
				
			</view>
		</view>
		<view class="yue">
			￥ {{balance}}
		</view>
		<view class="mingxi" @click="goDetail">
			余额明细
			<uni-icons type="forward"></uni-icons>
		</view>
		<view class="tixian">
			<button class="tixian-btn" @click="goExtract">提现</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				balance:null
			};
		},
		onLoad(options) {
			debugger;
			this.balance = options.balance
		},
		methods: {
			// 返回
			goBack() {
				uni.navigateBack(1)
			},
			// 跳转到余额明细
			goDetail() {
				uni.navigateTo({
					url:'/pagesC/wallet/detail'
				})
			},
			// 跳转到提现
			goExtract() {
				uni.navigateTo({
					url:'/pagesC/wallet/extract'
				})
			}
		}
	}
</script>

<style lang="scss">
.yue {
	width: 100%;
	text-align: center;
	border-bottom: 1rpx solid #f2f2f2;
	padding-top: 150rpx;
	font-size: 50rpx;
	color: #000;
}
.mingxi {
	width: 100%;
	text-align: center;
	margin-top: 40rpx;
}
.tixian {
	width: 100%;
	margin-top: 100rpx;
}
.tixian-btn {
	width: 50%;
	margin: 0 auto;
	border: 1rpx solid #ccc;
	border-radius: 30rpx;
	background-color: #fff;
}
</style>
